<template>
  <div class="listRank">
    <div class="wrapper" ref="wrapper">
      <ul class="content">
        <li v-for="item in likeRank" :key="item.singer_id" @click="singerPage(item)">
          <img v-lazy="item.singer_pic" />
          <div class="detail">
            <span class="singer-name"> {{ item.singer_name }}</span>
            <span class="like" @click.stop="toggleFavorite(item)">{{getFavoriteText(item)}}</span>
          </div>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="stylus" scoped>

</style>
